<!DOCTYPE html>
<html>
<head>
    <title>广东国锋律师事务所</title>
    <meta name="keywords" content="律师事务所服务领域 广东国锋律师事务所" />
    <meta name="description" content="律师事务所服务领域 广东国锋律师事务所" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit" />
    <link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/animate.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('css/swiper.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('css/base.css') }}" />
    <link rel="stylesheet" href="{{ asset('css/style.css') }}" />
    <script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>
    <script src="{{ asset('js/basic.js') }}"></script>
    <script src="{{ asset('js/script.js') }}"></script>
    <script src="{{ asset('js/swiper.min.js') }}"></script>
    <script src="{{ asset('js/wow.min.js') }}"></script>
    <script src="{{ asset('js/jquery.SuperSlide.2.1.3.js') }}"></script>
    <script type="text/javascript">
        new WOW().init();
    </script>
    <!--[if lte IE 9]>
    <script src="{{ asset('js/respond.min.js') }}"></script>
    <script src="{{ asset('js/html5.js') }}"></script>
    <![endif]-->
</head>
<body>


<div class="header clearfix">
    <div class="container">
        <div class="row">
            <div class="col-md-4 logo-box">
                <a class="logo" href="{{ route('home') }}">
                    <img src="{{ asset('images/logo.png') }}" />
                </a>
            </div>
            <div class="col-md-8">
                <div class="nav text-right col-md-right" id="navMenu">
                    <ul>
                        <li data-id="22"><a href="{{ route('home') }}">首页</a></li>
                        <li data-id="45"><a href="{{ route('about') }}">关于我们</a></li>
                        <li data-id="166"><a >业务领域</a>
                    <ul>
                        <li data-id="225"><a href="{{ route('domain', ['type'=> 'hyjt']) }}">婚姻家庭</a></li>
                        <li data-id="226"><a href="{{ route('domain', ['type'=> 'jrzb']) }}">金融资本</a></li>
                        <li data-id="227"><a href="{{ route('domain', ['type'=> 'pttp']) }}">陪同谈判</a></li>
                        <li data-id="228"><a href="{{ route('domain', ['type'=> 'gsqy']) }}">公司企业</a></li>
                        <li data-id="229"><a href="{{ route('domain', ['type'=> 'zscq']) }}">知识产权</a></li>
                        <li data-id="230"><a href="{{ route('domain', ['type'=> 'sszc']) }}">诉讼&仲裁</a></li>
                    </ul></li>
                        <li data-id="209"><a href="{{ route('layer') }}">律师团队</a></li>
                        <li data-id="231"><a href="{{ route('case') }}"> 经典案例</a></li>
                        <li data-id="167"><a href="{{ route('news') }}">新闻中心</a></li>
                        <li data-id="168"><a href="{{ route('contact') }}">联系我们</a></li>
                    </ul>
                </div>
            </div>
            <div class="mask-bg" id="maskBg"></div>
            <span class="nav-toggle hidden-lg" id="navToggle"><i class="fa fa-bars"></i></span>
        </div>
    </div>
</div>


<script type="text/javascript">
    var $navToggle = $("#navToggle");//手机端菜单图标
    var $maskBg = $("#maskBg");//遮挡层
    var $navMenu = $("#navMenu");
    $navToggle.on("click", function () {
        $maskBg.addClass("active");
        $navMenu.addClass("active");
    });
    $maskBg.on("click", function () {
        $maskBg.removeClass("active");
        $navMenu.removeClass("active");
    });
    $navMenu.children("ul").find("li").InitNav(22,22);//初始化响应式菜单

    $navMenu = $("#navMenu");
    $navMenu.find("li[data-id='22']").addClass("current");
    var $navLis = $navMenu.find("li");
    var $navLi = $navMenu.find("li[data-id='22']");
    $navLis.each(function () {
        var $this = $(this);
        $this.children("a").on("mouseenter", function () {
            $navLis.removeClass("current");
            $this.addClass("current");
        })
    });
    $navMenu.on("mouseleave", function () {
        $navLis.removeClass("current");
        $navLi.addClass("current");
    })
</script>
